<template>
    <div class="apply">
        <h1>Office 365 申请</h1>
        <div class="tit">
            本校师生一人只能申请一次
        </div>
        <div class="content">
            <div class="content-left">
                <el-form label-position="rihght" label-width="180px" :model="formLabelAlign">
  <el-form-item label="Office 365 账号">
    <el-input v-model="formLabelAlign.name"></el-input>
    <span>@Office365.swu.edu.cn </span>
  </el-form-item>
  <el-form-item label="邮箱">
    <el-input v-model="formLabelAlign.email"></el-input>
    <p>*请根据提示填写正确用户信息。管理员3-5个工作日进行审核</p>
  </el-form-item>
   

  <el-form-item style="text-align: right;margin-top: 30px;"> <el-button type="primary" @click="submitForm()">提交</el-button></el-form-item>

</el-form>
            </div>
            <div class="content-right">
                <p>
                    *用于登录Office 365的账号<br />
                    *账号只能使用数字和字母的组合
                </p>
                 
                <p>*申请成功后接受登录地址和密码的邮箱</p>
            </div>
        </div>
    </div>
</template>
<script>
// requesto365
import {requesto365} from "@/api/index"
 export default {
    data() {
      return {
        labelPosition: 'right',
        formLabelAlign: {
          name: '',
          email: '',
        
        }
      };
    },
    methods:{
        submitForm(){
            requesto365(this.formLabelAlign).then(res=>{
                console.log(res)
            }).catch(error=>{
                this.$message({
                  message: error.response.data.msg,
                  type: 'info'
              })
            })
        }
    }
  }
</script>
<style lang="less" scoped>
.apply{
    width: 1200px;
    margin: 0 auto;
    padding:20px 0;
    min-height: 1000px;
    h1{
        font-family: 'MicrosoftYaHei-Bold';
        font-weight: bold;
        font-size: 26px;
        color: rgba(56,23,129,1);
    }
    .tit{
        margin-top: 20px;
        background: #E9ECEF;
        height: 90px;
        width: 100%;
        border-radius: 6px;
        box-sizing: border-box;
        padding: 15px 30px;
        font-size: 16px;
        color: rgba(56,23,129,1);
    }
    .content{
        display: flex;
        margin-top:40px;
        padding:0 40px;
        box-sizing: border-box;
        .content-left{
            width: 50%;
            /deep/.el-input__inner{
                height: 33px;
                line-height: 33px;
                border:solid 1px #707070;
            }
            /deep/.el-form-item__label{
                color: #000;
                font-size: 22px;
            }
        }
        .content-right{
            padding-left: 50px;
            p{
                font-size: 18px;
                line-height: 30px;
                margin-bottom: 20px;
            }
        }
    }
}
</style>